<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <%-- JSTL表达式（判断，循环，输出） --%>
<%@taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %> <%-- 方法表达式（字符串截取，替换） --%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>关于我们</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge，chrome=1">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
    <meta name="renderer" content="webkit">
    <meta name="baidu-site-verification" content="R9XA5lWxu2"/>
    <meta name="author" content="图腾">
    <meta name="keywords" content="图腾">
    <meta name="description" content="图腾">
    <link rel="stylesheet" href="<%=basePath%>plugins/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="<%=basePath%>css/ys.css">
</head>
<body>

<jsp:include page="${basePath}/common.jsp" />

<div class="heard-box ad-banner">
    <div class="container">
        <div class="heard-title">
            <img src="<%=basePath%>images/h7.png">
        </div>
    </div>
</div>

<div class="container">
    <div class="tag-box">
        <a href="javascript:;" onclick="window.history.go(-1)"><span class="arrow"></span><span class="title">关于我们</span></a>
    </div>
</div>

<div class="container">
    <div class="detail-box">
        <div class="detail-title-box">
            <div class="title text-center">
                星座 | 图腾
            </div>
            <div class="time text-center">
                TOTEM
            </div>
        </div>
        <div class="detail-content">
            <p>
                图腾，是记载神的灵魂的载体。是古代原始部落迷信某种自然或有血缘关系的亲属、祖先、保护神等，而用来做本氏族的徽号或象征。原始民族对大自然的崇拜是图腾产生的基础。运用图腾解释神话、古典记载及民俗民风，是人类历史上最早的一种文化现象。
            </p>
            <br>
        </div>
    </div>

    <%--<div class="about-wrap">
        <div class="detail-title-box">
            <div class="title text-center">
                图腾相关
            </div>
            <div class="time text-center">
                TOTEM
            </div>
        </div>
        <ul>
            <li class="transition">
                <div class="info transition">
                    <span>
                        静逸
                    </span>
                </div>
                <div class="about-pic">
                    <img src="<%=basePath%>images/a1.png">
                </div>
                <p>
                    动效：鼠标划上图片，圆形部分显现！板块突出阴影!关于我们为双卧双卫二厅一厨一阳台一庭院叠拼别墅单元，是龙湖·长城源著高尚旅游度假区内目前最大的全通透、最舒适、最宜居户型，室内采光、通风俱佳，氛围温馨，宁静雅致，室外尊享私家入户花园，环境幽美
                </p>
            </li>
            <li class="transition">
                <div class="info transition">
                    <span>
                        静逸
                    </span>
                </div>
                <div class="about-pic">
                    <img src="<%=basePath%>images/a2.png">
                </div>
                <p>
                    动效：鼠标划上图片，圆形部分显现！板块突出阴影!关于我们为双卧双卫二厅一厨一阳台一庭院叠拼别墅单元，是龙湖·长城源著高尚旅游度假区内目前最大的全通透、最舒适、最宜居户型，室内采光、通风俱佳，氛围温馨，宁静雅致，室外尊享私家入户花园，环境幽美
                </p>
            </li>
            <li class="transition">
                <div class="info transition">
                    <span>
                        静逸
                    </span>
                </div>
                <div class="about-pic">
                    <img src="<%=basePath%>images/a3.png">
                </div>
                <p>
                    动效：鼠标划上图片，圆形部分显现！板块突出阴影!关于我们为双卧双卫二厅一厨一阳台一庭院叠拼别墅单元，是龙湖·长城源著高尚旅游度假区内目前最大的全通透、最舒适、最宜居户型，室内采光、通风俱佳，氛围温馨，宁静雅致，室外尊享私家入户花园，环境幽美
                </p>
            </li>

        </ul>
    </div>--%>

</div>

<div class="bg-f3f2f1" style="padding: 60px 0">
    <div class="container">
        <div class="room-title-box text-center">
            <div class="title">
                推荐活动<br>
                <span>TOTEM</span>
            </div>
        </div>
        <div class="room-wrap">
            <ul id="randActivity">

            </ul>
            <div class="btn-link-more text-center">
                <a href="<%=basePath%>activity/getActivityIndex">MORE &gt;</a>
            </div>
        </div>
    </div>
</div>

<jsp:include page="${basePath}/footer.jsp" />

<script src="<%=basePath%>js/jquery.min.js"></script>
<script src="<%=basePath%>plugins/swiper/js/swiper.min.js"></script>
<script src="<%=basePath%>js/modal_build.js"></script>
<script src="<%=basePath%>js/modal_index.js"></script>
<script>
    document.documentElement.style.fontSize = 200 / 1920 * document.documentElement.clientWidth + 'px';
    window.onresize = function () {
        document.documentElement.style.fontSize = 200 / 1920 * document.documentElement.clientWidth + 'px';
    };

    randActivity();

    function randActivity(){
        $.post("<%=basePath%>activity/getRandActivitys", {count: 6, returnName: "about_activity_rand"}, function(data){
            $("#randActivity").html(data);
        })
    }
</script>
</body>
</html>